<template>
    <van-overlay :show="UIStore.loading" z-index="999999">
        <div class="wrapper" @click.stop>
            <div class="block">
                <van-loading size="80" />
            </div>
        </div>
    </van-overlay>
</template>
<script setup>

import { UseUIStore } from '@/store/UI';


const UIStore = UseUIStore();


</script>
<style lang="less" scoped>
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.block {
    border-radius: 12px;
    width: 120px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>